---
description: Компонент для визуального выделения фрагментов текста.
---

<Overview group="typography">

# Mark [tag:component]

Компонент для визуального выделения фрагментов текста. Используется в поисковых результатах,
цитатах и других сценариях, где требуется акцентировать внимание на определённых словах или фразах.

</Overview>

<Playground>
  ```jsx
  <Text>
    Что? <Mark>Где</Mark>? Когда?
  </Text>
  ```
</Playground>

## Особенности

- Наследует все свойства HTML-элемента `<div>`.
- Стандартное выделение через фон, цвет текста наследуется.
- Поддерживает многострочное выделение.
- Совместим с любым текстовым контентом.

## Рекомендации

- Не используйте для интерактивных элементов.
- Сочетайте с текстовыми компонентами ([`Text`](/components/typography#text), [`Headline`](/components/typography#headline), [`Paragraph`](/components/typography#paragraph)).

## Доступность (a11y) [#a11y]

Используется стандартный тэг `mark` для семантического обозначения выделенного текста.

## Свойства и методы [#api]

<PropsTable name="Mark" />
